// import { ClientFunction, Selector } from "testcafe";
// import { url, setJSON, explicitErrorHandler, wrapVisualTest, takeElementScreenshot, upArrowImageLink } from "../../helper";

// const title = "Image Screenshot";

// fixture`${title}`.page`${url}`.beforeEach(async (t) => {
// });

// const json = {
//   showQuestionNumbers: true,
//   "logoPosition": "right",
//   "pages": [
//     {
//       "name": "page2",
//       "elements": [
//         {
//           "type": "text",
//           "name": "question1"
//         },
//         {
//           "type": "image",
//           "name": "question2",
//           "imageLink": upArrowImageLink
//         }
//       ]
//     }
//   ]
// };

// test("Adorner design", async (t) => {
//   await wrapVisualTest(t, async (t, comparer) => {
//     await explicitErrorHandler();
//     await t.resizeWindow(2560, 1440);
//     await setJSON(json);
//     await t.wait(3000);

//     const image = Selector(".sd-image");
//     await t.click(image);
//     await takeElementScreenshot("image-adorner.png", Selector(".svc-question__content--image"), t, comparer);

//   });
// });

// test("empty imageLink", async (t) => {
//   await wrapVisualTest(t, async (t, comparer) => {
//     await explicitErrorHandler();
//     await t.resizeWindow(2560, 1440);
//     await setJSON({
//       showQuestionNumbers: true,
//       "logoPosition": "right",
//       "pages": [
//         {
//           "name": "page2",
//           "elements": [
//             {
//               "type": "text",
//               "name": "question1"
//             },
//             {
//               "type": "image",
//               "name": "question2"
//             }
//           ]
//         }
//       ]
//     });
//     await t.wait(3000);
//     const fileplaceholder = Selector(".svc-question__content--image .sd-file");
//     await t.expect(fileplaceholder.exists).ok();
//     await t.click(fileplaceholder);
//     await takeElementScreenshot("image-empty-image-link.png", Selector(".svc-question__content--image"), t, comparer);
//   });
// });

// test("broken imageLink", async (t) => {
//   await wrapVisualTest(t, async (t, comparer) => {
//     await explicitErrorHandler();
//     await t.resizeWindow(2560, 1440);
//     await setJSON({
//       showQuestionNumbers: true,
//       "logoPosition": "right",
//       "pages": [
//         {
//           "name": "page2",
//           "elements": [
//             {
//               "type": "text",
//               "name": "question1"
//             },
//             {
//               "type": "image",
//               "name": "question2",
//               "imageLink": "test"
//             }
//           ]
//         }
//       ]
//     });
//     await t.wait(3000);
//     await t.click(Selector(".sd-image"));
//     await takeElementScreenshot("image-broken-image-link.png", Selector(".svc-question__content--image"), t, comparer);
//   });
// });
// test("Check image loading indicator", async (t) => {
//   await wrapVisualTest(t, async (t, comparer) => {
//     await explicitErrorHandler();
//     await t.resizeWindow(2560, 1440);
//     await setJSON({
//       showQuestionNumbers: true,
//       "logoPosition": "right",
//       "pages": [
//         {
//           "name": "page2",
//           "elements": [
//             {
//               "type": "image",
//               "name": "question2",
//               "imageLink": "wrong_url"
//             }
//           ]
//         }
//       ]
//     });
//     await ClientFunction(() => {
//       (window as any).creator.onUploadFile.add((_, opt) => {
//         setTimeout(() => {
//           opt.callback("success", "");
//         }, 1000000);
//       });
//     })();
//     await ClientFunction(() => {
//       (window as any).creator.onOpenFileChooser.add((s, o) => {
//         o.callback([{}]);
//       });
//     })();
//     const root = Selector(".svc-question__content--image");
//     await t.click(root, { offsetX: 5, offsetY: 5 })
//       .click(Selector(".svc-question__content--image .svc-context-button"));
//     await ClientFunction(() => {
//       (<HTMLElement>document.querySelector(".sd-loading-indicator .sv-svg-icon")).style.animation = "none";
//     })();
//     await takeElementScreenshot("image-loading.png", Selector(root), t, comparer);
//   });
// });
